<template>
    <div class="search">
        <el-card class="search-card">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane  name="info">
                    <span slot="label" v-czc="['首页', '导航' , '推荐内容',0 ,'home-btn-recommend']" >
                        <i class="el-icon-star-off"></i> 推荐内容
                    </span>

                    <recommend v-if="activeName == 'info'"></recommend>
                </el-tab-pane>

                <!-- <el-tab-pane  name="second">
                    <span slot="label"><i class="iconfont">&#xe640;</i> 订阅列表</span>
                    <subscribe v-if="activeName == 'second'"></subscribe>
                </el-tab-pane> -->

                <el-tab-pane  name="follow">
                    <span slot="label" v-czc="['首页', '导航' , '关注项目/企业',0 ,'home-btn-projectEnterprise']">
                        <i class="iconfont">&#xeca1;</i> 关注项目/企业
                        <span style="color:#adadad;">（关注的企业及项目动态第一时间推送）</span>
                    </span>
                    <follow v-if="activeName == 'follow'"></follow>
                </el-tab-pane>
            </el-tabs>
        </el-card>
    </div>

</template>

<script>
import Recommend from '../recommend/index.vue';
import Subscribe from '../subscribe/index.vue'
import Follow from '../follow/index.vue'

export default {
    head: {
    },
    props:{
        
    },
    components: { 
        Recommend,
        Subscribe,
        Follow,
    },
    data() {
        var searchTab = this.getQuery('searchTab');

        searchTab = searchTab || 'info';

        return {
            activeName: searchTab,
        };
    },
    watch: {
        
    },
    computed: {
        
    },
    methods: {
        handleClick(tab, event) {
            // console.log(tab, event);
        },
    },
    
    mounted() {
    },
    beforeDestroy() {

    },
}
</script>

<style lang="scss" scoped>
    @import '@css/var.scss'; 
    .search {
       ::v-deep .el-tabs__item {
            color: #343434;
        }
        ::v-deep .el-tabs__item.is-active {
            color: $primaryColor;
            font-weight: 800;
        }
    .search-card {
         ::v-deep .el-card__body {
             padding-top: 5px;
         }        
    }

    }



</style>
 